<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <f:view contentType="text/html">
        <h:head>
            <f:facet name="first">
                <meta http-equiv="X-UA-Compatible" content="EmulateIE8" />
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title>ROTAS</title>
                <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
            </f:facet>

        </h:head>

        <h:body>

            <p:layout fullPage="true" >

                <p:layoutUnit id="bottom" position="south" size="50">

                </p:layoutUnit>

                <p:layoutUnit id="left" position="west" size="150" resizable="true" closable="false" collapsible="true" header="Filtros" minSize="150">
                    <p:accordionPanel>
                        <h:form id="form">  

                            <p:growl id="messages" showDetail="true" escape="false"/>  

                            <p:tree value="#{postesBean.root}" var="node" id="checkboxTree"  
                                    selectionMode="checkbox"  
                                    selection="#{postesBean.selectedNodes}">  

                                <p:treeNode>  
                                    <h:outputText value="#{node}" />  
                                </p:treeNode>  
                            </p:tree>  

                            <p:commandButton value="Display Selected" update="messages"  
                                             actionListener="#{postesBean
                                                               .displaySelectedMultiple}" id="btnDisplay"/>  

                        </h:form> 
                    </p:accordionPanel>
                </p:layoutUnit>

                <p:layoutUnit id="center" position="center">

                    <h:form>  
                        <p:gmap center="-28.265860,-53.49094" zoom="13" type="SATELLITE"  mapTypeControl="FALSE"   streetView="FALSE"                  
                                model="#{rotasBean.advancedModel}" 
                                style="position:absolute; width:100%;height:99%">  
                            <p:ajax event="overlaySelect" listener="#{rotasBean.onMarkerSelect}" /> 
                        </p:gmap>  

                    </h:form> 


                </p:layoutUnit>

            </p:layout>

        </h:body>

    </f:view>
</html>
